.sales-order-report {
  background-color: #fff;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  
  .tabs-container {
    border-bottom: 1px solid #f0f0f0;
    
    .ant-tabs {
      .ant-tabs-nav {
        margin-bottom: 0;
        
        .ant-tabs-tab {
          padding: 12px 16px;
          margin: 0 8px 0 0;
          
          &.ant-tabs-tab-active {
            .ant-tabs-tab-btn {
              color: #1890ff;
              font-weight: 500;
            }
          }
        }
        
        .ant-tabs-ink-bar {
          background-color: #1890ff;
          height: 2px;
        }
      }
    }
  }
  
  .search-area {
    display: flex;
    align-items: center;
    padding: 16px;
    gap: 10px;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    
    .search-item {
      display: flex;
      align-items: center;
      
      .label {
        margin-right: 8px;
        color: #595959;
        white-space: nowrap;
      }
      
      .ant-input, .ant-select {
        width: 180px;
      }
    }
    
    .ant-btn {
      margin-left: 8px;
    }
  }
  
  .action-buttons {
    display: flex;
    justify-content: space-between;
    padding: 12px 16px;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    
    .left-buttons, .right-buttons {
      display: flex;
      gap: 8px;
    }
    
    .action-button {
      &.new-btn {
        background-color: #52c41a;
        border-color: #52c41a;
        
        &:hover, &:focus {
          background-color: #73d13d;
          border-color: #73d13d;
        }
      }
    }
  }
  
  .table-container {
    flex: 1;
    padding: 0 16px 16px;
    
    .ant-table-wrapper {
      .ant-table {
        border: 1px solid #f0f0f0;
        border-radius: 2px;
        
        .ant-table-thead > tr > th {
          background-color: #fafafa;
          font-weight: 500;
          color: #262626;
        }
        
        .ant-table-tbody > tr > td {
          color: #595959;
        }
        
        .ant-empty {
          padding: 60px 0;
          
          .ant-empty-description {
            color: #8c8c8c;
            margin-bottom: 20px;
          }
        }
      }
      
      .ant-pagination {
        margin: 16px 0 0;
      }
    }
  }
} 